<template>
	<page-meta :root-font-size="fontSizeStore.currentFontSizeRpx"></page-meta>
	<div class="list-view">
		<view class="list-title">
			<text class="text12">{{props.title}}</text>
		</view>
		<view class="consult-list">
			<view v-for="(item, index) in props.newsList" :key="index" class="consult-item" @click="navigationUrl(item)">
				<!-- 左侧图标 -->
				<text class="iconfont icon-004laba-2"></text>

				<!-- 中间内容区域 -->
				<view class="item-content">
					<text class="item-desc text11">{{ item.title }}</text>
				</view>

				<!-- 右侧图标 -->
				<text class="iconfont icon-Rightyou"></text>
			</view>
		</view>
	</div>
</template>

<script setup>

	import {
		useFontSizeStore
	} from '@/stores/fontSizeStore';
	const fontSizeStore = useFontSizeStore();
	import {
		useRouter
	} from 'uni-mini-router'
	import {
		defineProps
	} from "vue"

	// 路由实例 - 保留原逻辑
	const router = useRouter();
	const props = defineProps(["title", "newsList", "routerName"])

	const navigationUrl = (item) => {
		router.push({
			name: props.routerName,
			params: {
				id: item.id
			}
		})
	}
</script>

<style scoped lang="less">
	.list-view{
				  background-color: #fff;
				   border-radius: 20rpx;
				   border:1rpx solid #eee;
				/* 标题样式 */
				.list-title {
				  padding: 30rpx;
				  padding-bottom: 0;
				  margin-bottom: 15rpx;
				}
				
				.list-title text {
				  font-size: 40rpx;
				  font-weight: 600;
				  color: #333;
				}
				.consult-list {
				  background-color: #fff;
				  border-radius: 10rpx;
				  padding: 0rpx 30rpx;
				}
				
				/* 列表项样式 */
				.consult-item {
				  display: flex;
				  align-items: center;
				  padding: 42rpx 0rpx;
				  border-bottom: 1px solid #f0f0f0;
				}
				
				/* 最后一项去除下边框 */
				.consult-item:last-child {
				  border-bottom: none;
				}
				
				/* 左侧图标样式 */
				.left-icon {
				  color: #409eff;
				  margin-right: 20rpx;
				  flex-shrink: 0; /* 固定宽度，不被压缩 */
				}
				
				/* 中间内容区域 */
				.item-content {
				  flex: 1; /* 占据剩余空间 */
				  overflow: hidden;
				}
				
				/* 内容文本样式 */
				.item-desc {
				  font-size: 1rem;
				  color: #333;
				  line-height: 1.4;
				  /* 单行文本省略 */
				  white-space: nowrap;
				  overflow: hidden;
				  text-overflow: ellipsis;
				  display: block;
				}
				
				/* 右侧图标样式 */
				.right-icon {
				  color: #c8c9cc;
				  margin-left: 20rpx;
				  flex-shrink: 0; /* 固定宽度，不被压缩 */
				}
				.iconfont{
							 color: #666;
							 font-size: 30rpx;
				} 
	}
</style>